Вставка виджета сообществ В Контакте на свой сайт

Создайте сайт в конструкторе сайтов от Рег Ру

 В этом уроке расскажу Вам как подключить виджет, сообществ/групп социальной сети В Контакте, к Вашему сайту.

 О том как получить и настроить код данного виджета Вы можете узнать из предыдущих моих статей:

 Виджет ВКонтакте для сайта - ознакомительный урок

 Виджет сообществ В Контакте для сайта Создание и настройка

 Показывать процесс вставки кода виджета я буду на примере своего сайта, который создан в Конструкторе сайтов Юкоз, поэтому все иллюстрации будут именно из Юкозовской панели управления сайтом.

 Однако вставка стороннего кода виджетов, скриптов и прочих "наворотов" для сайта, примерно, одинакова для сайтов созданных на различных платформах.

 Вам нужно:

1. Определиться с местом на Вашем сайте на котором будет отображаться виджет сообществ ВК для сайтов

2. "Добраться" до html кода страницы, Вашего сайта, которую Вы выбрали для установки виджета

3. Вставить, предварительно настроенный, код, виджета сообществ В Контакте, в нужном месте html кода шаблона, выбранной Вами страницы сайта.

4. Ожидать, небывалого, наплыва новых подписчиков в Вашу группу/сообщество ВК : )

 ( По терминологии uCoz - вских разработчиков ), То есть в правой части своего сайта.

 Выгода от размещения кода виджета сообществ, именно, в одном из Глобальных блоков сайта,  созданного в конструкторе Юкоз, ( а Первый контейнер является, как раз таки, Глобальным блоком ) заключается в том, что Глобальные блоки показываются на ВСЕХ страницах сайта!

 Таким образом информер сообществ В Контакте будет отображаться на всех страницах и, непременно, привлечёт внимание посетителей.

 Итак заходим в Панель Управления сайтом и выбираем пункт "Дизайн сайта":

 Затем нужно выбрать необходимый шаблон для редактирования:

 Я выбрал Глобальный блок - Первый контейнер сайта:

 А вот так это же самое место, для вставки кода виджета, выглядит в коде шаблона дизайна, Первого контейнера, моего сайта:

 Теперь надо, снова, вернуться на страницу разработчиков виджета сообществ в социальной сети В Контакте:

 На этой странице Вы можете, дополнительно, ознакомиться с подробной документацией и тонкими настройками виджета сообществ.

 Ну на случай, если Вам мало того, что Вы, уже, успели настроить на основной странице разработчика этого программного продукта : )

 Вот, для примера, несколько скриншётов, с моими пояснениями, иллюстрирующие эти самые тонкие настройки и, попутно, содержащие рекомендации разработчиков о том, каким образом размещать код виджета сообществ В Контакте на стороннем сайте:

 Надеюсь, что наших совместных пояснений ( разработчиков виджета ВК и моих, на скриншётах выше ) Вам будет достаточно, для корректной вставки кода виджета сообществ, социальной сети В Контакте, на Ваш собственный сайт.

 Отмечу, что, в моём случае, я скопировал и разместил обе части кода, информера ВКонтакте, в одном месте html шаблона  Первого контейнера моего сайта.

 После того как Вы, успешно, разместили код информера сообществ ВК, в шаблоне Вашего сайта, Вы можете, при необходимости, изменять его размеры, количество отображаемых в информере участников Вашей группы и некоторые другие настройки виджета, прямо в html коде шаблона страницы своего сайта.

 Это удобнее чем настраивать, заново, код виджета, сообществ В Контакте, непосредственно, на странице разработчиков. Во всяком случае для меня так проще было. 

 Вот поясняющий скриншёт:

 На этом процесс установки и настройки, виджета сообществ для сайта от социальной сети В Контакте, можно считать законченным.

 Ожидайте, массовых, вступлений новых подписчиков в Ваше сообщество : ) И не забывайте вступать в Мою группу ВКонтакте, чтобы, всегда быть в курсе новых уроков по созданию и продвижению сайта и интернет магазина своими силами.

---

 Если Вам понравилась эта статья - не забывайте ставить "лайки", делать репосты и делиться моими уроками в соц-сетях, на своих страничках и на страничках своих друзей. Это поможет продвижению моего сайта.

 Подписывайтесь на обновления моего сайта, чтобы оперативно узнавать о выходе новых статей о создании и раскрутке сайта или интернет магазина своими силами.

Оформите подписку на новые уроки портала "Уроки создания и продвижения сайта" по электронной почте

 Также, Вы можете следить за моими новыми уроками в соцсетях:

Группа в Контакте: Делаем сайт с нуля

Канал в Яндекс Дзен: Делаем и продвигаем сайт

Мой блог на платформе blogspot.ru: Делаем сайт с нуля

Моя группа в Фейсбук: Пошаговое создание сайта с нуля

Блог в SKIES: Делаем сайт с нуля самостоятельно

Страничка в соцсети Твиттер: Сайт своими руками

Дневник в liveinternet: Создание и продвижение сайта самостоятельно

Дневник в diary.ru: Уроки по созданию и раскрутке сайта и интернет магазина

---

 Если Вам помогли мои уроки, по созданию и продвижению сайта, Вы можете сделать, добровольный, благотворительный взнос для поддержки моего проекта делаем-сайт.com

 Для этого переведите, произвольную, на Ваше усмотрение, денежную сумму, ( рубль, как известно,  доллар бережёт : ) ), на мой Яндекс Кошелёк. Донейшен, такой донейшен : ) 

Мой кошелёк в Яндекс Деньги

 Для перевода средств заполните форму сбора денег, от Яндекса, прямо на этой странице и нажмите кнопку подарить.

Вы можете сделать пожертвование как со своего счёта в Яндекс Деньги, так и при помощи банковской карты. Выберите приемлемый вариант напротив поля с суммой Вашего перевода.

---

 Если Вы зарегистрированы в соцсети В Контакте, то можете сделать пожертвование с помощью формы сбора средств этой социальной сети:

Для перехода к заполнению формы сбора средств - Нажмите на картинку ниже. Вы попадёте на официальную страницу поддержки моего сообщества В Контакте ( Вы должны быть авторизированны в этой социальной сети ):

---

---

 Также возможны пожертвования на мои электронные кошельки в международной системе расчетов WebMoney.

Номера кошельков WebMoney

Рублёвый: R589320584698

Валютный ( доллары США ): Z615062175442

---

 Если Вы заметили какую либо ошибку на сайте или в статье - просьба сообщить об этом в комментариях!

 Удачи в создании и продвижении собственного сайта или интернет - магазина!

Оформите подписку на получение новых статей на вашу электроную почту